{include file='common/head.html'}

<div class="layui-body">
    <div class="layui-tab layui-tab-brief" lay-filter="tab">
        <ul class="layui-tab-title">
            <li class="layui-this" lay-id="t1">提现列表</li>

        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <table class="layui-hide" id="demo" lay-filter="test"></table>
                <script type="text/html" id="toolbarDemo">
                    <div class="layui-row">
                        <div class="layui-col-md2 layui-col-sm3 layui-col-xs6" style="text-align: left;padding-left: 10px;">
                            <div class="layui-input-inline yutons-btn-margin-right">
                                <span class="layui-btn yutons layui-btn-sm yutons-color-detail" lay-event="table_export">导出</span>
                            </div>
                        </div>

                    </div>
                </script>
                <script type="text/html" id="barDemo">
                    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="consent" >同意</a>
                    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="refuse" >拒绝</a>
                </script>
            </div>


        </div>
    </div>


</div>

{include file='common/foot.html'}
<script>
    layui.config({
        base: '{APP_THEME_DIR}/layui/excel.js'
    }).use(['table', 'excel'], function() {
        var table = layui.table //表格,
        $ = layui.$,
            excel = layui.excel;
        //执行一个 table 实例
        table.render({
            elem: '#demo',
            url: '{url./admin/MemberWithdraw/indexJson}', //数据接口
            title: '提现列表',
            page: true, //开启分页
            toolbar: '#toolbarDemo', //操作1:启用自定义模板表格头部工具栏

            defaultToolbar: [], //操作2:隐藏头部工具栏右侧的图标
            cols: [[
                {type: 'checkbox', fixed: 'left'}
                ,{field:'id', title:'ID', width:80, fixed: 'left', unresize: true, sort: true}
                ,{field:'usermobile', title:'会员名'}
                ,{field:'quota', title:'提现金额',  sort: true}

                ,{field:'sxf', title:'手续费',  sort: true}
                ,{field:'amount', title:'到账金额',  sort: true}
                ,{field:'account_name', title:'开户名',  sort: true}
                ,{field:'Card', title:'卡号',  sort: true}
                ,{field:'Bank_deposit', title:'开户行',  sort: true}
                ,{field:'status', title:'当前状态' ,templet: function(res){
                        if(res.status==1){
                            return '审核中'
                        }else if(res.status==2) {
                            return ' 同意'
                        }else{
                            return ' <a class="layui-btn layui-btn-danger layui-btn-xs">拒绝</a>'
                        }
                    }}

                ,{field:'is_frost', title:'资金状态' ,templet: function(res){
                        if(res.is_frost==1){
                            return '解冻'
                        }else if(res.is_frost==2) {
                            return ' 冻结中'
                        }
                    }}
                ,{field:'add_time', title:'申请时间' ,  sort: true}
                ,{field:'audit_time', title:'同意时间' ,templet: function(res){
                        if(res.audit_time=='0000-00-00 00:00:00'){
                            return '审核中'
                        }else {
                            return res.audit_time
                        }
                    }}
                ,{fixed: 'right', title:'操作', toolbar: '#barDemo', width:150}
            ]]
        });

        //监听头工具栏事件
        table.on('toolbar(test)', function(obj) {
            var checkStatus = table.checkStatus(obj.config.id),
                data = checkStatus.data; //获取选中的数据
            switch (obj.event) {
                case 'table_export':
                    exportFile('demo')
                    break;
            };
        });
        //监听行工具事件
        table.on('tool(test)', function(obj){
            var data = obj.data;
            if(obj.event === 'consent'){
                layer.confirm('确定同意提现？', function(index){
                    $.ajax({
                        //几个参数需要注意一下
                        type: 'GET',//方法类型
                        dataType: "json",//预期服务器返回的数据类型
                        url:'{url./admin/MemberWithdraw/consent}',//url
                        data: data,
                        async : false,
                        cache: false,        // 不缓存数据
                        success: function (res) {

                            if (res.code == 1) {

                                layer.msg(res.data);
                            } else {
                                layer.msg(res.data);

                            }
                        },
                    });
                });
            }
            if(obj.event === 'refuse'){
                layer.confirm('确定拒绝？', function(index){
                    $.ajax({
                        //几个参数需要注意一下
                        type: 'GET',//方法类型
                        dataType: "json",//预期服务器返回的数据类型
                        url:'{url./admin/MemberWithdraw/refuse}',//url
                        data: data,
                        async : false,
                        cache: false,        // 不缓存数据
                        success: function (res) {
                            if (res.code == 1) {

                                layer.msg(res.data);
                            } else {
                                layer.msg(res.data);

                            }
                        },


                    });

                });
            }
        });
        /**
         * by yutons
         * Array.from() 非常方便的将一个类数组的集合 ==》 数组，直接使用数组身上的方法。例如：常用的map，foreach…
         * 但是，问题来了，IE不识别Array.from这个方法。所以写了它兼容IE的写法。
         */
        if (!Array.from) {
            Array.from = function(el) {
                return Array.apply(this, el);
            }
        }
        //表格导出
        function exportFile(id) {
            //根据传入tableID获取表头
            var headers = $("div[lay-id=" + id + "] .layui-table-box table").get(0);
            var htrs = Array.from(headers.querySelectorAll('tr'));
            var titles = {};
            for (var j = 0; j < htrs.length; j++) {
                var hths = Array.from(htrs[j].querySelectorAll("th"));
                for (var i = 0; i < hths.length; i++) {
                    var clazz = hths[i].getAttributeNode('class').value;
                    if (clazz != ' layui-table-col-special' && clazz != 'layui-hide') {
                        //排除居左、具有、隐藏字段
                        //修改:默认字段data-field+i,兼容部分数据表格中不存在data-field值的问题
                        titles['data-field' + i] = hths[i].innerText;
                    }
                }
            }
            //根据传入tableID获取table内容
            var bodys = $("div[lay-id=" + id + "] .layui-table-box table").get(1);
            var btrs = Array.from(bodys.querySelectorAll("tr"))
            var bodysArr = new Array();
            for (var j = 0; j < btrs.length; j++) {
                var contents = {};
                var btds = Array.from(btrs[j].querySelectorAll("td"));
                for (var i = 0; i < btds.length; i++) {
                    for (var key in titles) {
                        //修改:默认字段data-field+i,兼容部分数据表格中不存在data-field值的问题
                        var field = 'data-field' + i;
                        if (field === key) {
                            //根据表头字段获取table内容字段
                            contents[field] = btds[i].innerText;
                        }
                    }
                }
                bodysArr.push(contents)
            }
            //将标题行置顶添加到数组
            bodysArr.unshift(titles);
            //导出excel
            excel.exportExcel({
                sheet1: bodysArr
            }, '提现列表' + new Date().toLocaleString() + '.xlsx', 'xlsx');

        }
    });

</script>
